﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <title>新闻详情</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta http-equiv="cleartype" content="on">
    <link rel="stylesheet" href="~/styles/css/common/common.css">
    <link rel="stylesheet" href="~/styles/css/component/component.css">
    <link rel="stylesheet" href="~/styles/css/new-detail.css">
    <link rel="stylesheet" href="~/styles/css/medicine-wiki.css">
</head>
<body>
    <div id="news-detail" >
        <input v-model="userName" style="display:none" />
        <clinic-head v-bind:user-name="userName"></clinic-head>
        <div class="graphic-frame" style="display:block">            
            <div class="navigation-bar" id="navigation-bar"></div>
            <div>
                <div class="title-center">
                    <p class="name" id="titleLeft">{{detailInfo.title}}</p>
                    <p class="date" id="dateLeft">{{detailInfo.add_time}}</p>
                </div>
            </div>
            <div class="gfc-content">
                <p style="text-align: center" v-if="showVideo">
                    <iframe class="video_iframe" style="z-index:1;" v-bind:src="detailInfo.videoSrc" allowfullscreen="" frameborder="0" height="480" width="720">
                    </iframe>
                </p>                                         
                <div class="share flex">
                    <p class="title">分享到：</p>
                    <p class="share-icon share-add"></p>
                    <p class="share-icon share-qq"></p>
                    <p class="share-icon share-sina"></p>
                    <p class="share-icon share-wb"></p>
                    <p class="share-icon share-rr"></p>
                    <p class="share-icon share-wx"></p>
                </div>               
                <ul>
                    <li id="detailContent" class="word"></li>
                </ul>
            </div>           
        </div>
        <clinic-foot></clinic-foot>
    </div>
    <script type="text/javascript" src="~/scripts/lib/jquery.js"></script>
    <script type="text/javascript" src="~/scripts/pdfobject.js"></script>
    <script type="text/javascript" src="~/scripts/lib/xdlines.jquery.min.js"></script>
    <script type="text/javascript" src="~/scripts/js/public/global.js"></script>
    <script type="text/javascript" src="~/scripts/lib/vue.min.js"></script>
    <script type="text/javascript" src="~/scripts/lib/vue-resource.min.js"></script>
    <script type="text/javascript" src="~/scripts/js/component/component.js"></script>
    <script type="text/javascript" src="~/scripts/js/public/common.js"></script>   
    <script type="text/javascript" src="~/scripts/js/news-detail.js"></script>
</body>
</html>
